<template>
	<view>
		<view class="contentBox">
			<view class="cardText">
				我的名片
			</view>
			<view class="cardBox">
				<view class="company">
					广东创科捷智能技术有限公司
					<view class="logo">
						<image src="../../../static/公司logo图片.png" mode=""></image>
					</view>
				</view>
				<view class="infoBox">
					<view class="personName">
						{{cardName}}
					</view>
					<view class="">
						职位：{{cardWork}}
					</view>
				</view>
				<view class="linkBox">
					<view class="">
						<text class="icontext iconfont icon-shoujihao"></text>{{cardPhone}}
					</view>
					<view class="">
						<text class="icontext iconfont icon-weizhi1"></text>广东省江门市蓬江区凤湾里11幢首层
					</view>
				</view>
				<view class="business">
					<text
						class="icontext iconfont icon-yewu"></text>公司业务范围：办公设备、耗材、用品销售、复印机、投影机、舞台租凭、电脑组建、网络整改、安防系统集成安装、企业ERP、FTP系统搭建、财务软件、商业连锁系统
				</view>
				<view class="btnBox">
					<button class="focusBtn"  @click="toFollowUs">关注公众号</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				lala:false,
				cardName:'',
				cardWork:'',
				cardPhone:'',
				openId:'',
				url:'https://mp.weixin.qq.com/s/orQnAZaKIDBaUNT37WZ8YA'
			}
		},
		onLoad(options) {
			let that=this;
			console.log(options);
			that.cardName=options.name;
			that.cardWork=options.work;
			that.cardPhone=options.phone;
		},
		methods: {
			toFollowUs(){
				uni.navigateTo({
					url:'../followUs/followUs'
				})
			}
		}
	}
</script>

<style>
page {
		background-color: rgb(233, 234, 238);
		height: 100%;
		color:#fff;
	}

	.cardText {
		font-weight: 700;
		/* padding-top: 25rpx; */
		color:#000;
		margin-bottom: 25rpx;
	}

	.contentBox {
		padding: 25rpx;
		height: 100%;
		/* width:100%; */
	}

	.formList {
		margin: 0 25rpx;
		padding: 25rpx;
		height: 100%;
		background-color: #fff;
	}

	.cardBox {
		width: 100%;
		height: 500rpx;
		/* border-radius: 30rpx 30rpx 0 0; */
		border-radius: 30rpx;
		background-color: #564646;
	}

	.company {
		padding: 25rpx 25rpx 0 25rpx;
		font-size: 36rpx;
		font-weight: 700;
	}

	.logo {
		width: 100rpx;
		height: 100rpx;
		float: right;
	}

	.logo image {
		width: 100%;
		height: 100%;
	}

	.infoBox {
		margin: 25rpx 0 0 25rpx;
	}

	.personName {
		font-size: 34rpx;
		font-weight: 700;
	}

	.linkBox {
		margin: 25rpx;
	}

	.business {
		margin: 25rpx 25rpx 0 25rpx;
	}

	.icontext {
		padding-right: 15rpx;
		font-weight: 700;
	}
	.focusBtn{
		margin-top: 100rpx;
		width:280rpx;
		height:280rpx;
		border-radius: 140rpx;
		line-height: 280rpx;
		padding:2rpx;
	}
	.btnBox{
		margin-top:200rpx;
		padding:2rpx;
	}
</style>
